---
type: tutorial
title: Prepare seu ambiente de desenvolvimento
description: |-
  Tutorial: Construa seu primeiro blog Astro —
  Instale as ferramentas locais que você irá precisar para completar este tutorial
i18nReady: true
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';
import Badge from "~/components/Badge.astro"

<PreCheck>
  - Instalar quaisquer ferramentas que você irá utilizar para construir seu website Astro
</PreCheck>

## Obtenha as ferramentas de desenvolvimento necessárias

### Terminal

Você irá utilizar a **linha de comando (terminal)** para criar seu projeto Astro e executar comandos importantes para fazer build, desenvolver e testar o seu site.

Você pode acessar a linha de comando através de um programa de terminal local para seu sistema operacional. Aplicações comuns incluem **Terminal** (MacOS/Linux), **Prompt de Comando** (Windows) e **Termux** (Android). Um destes provavelmente já estará no seu dispositivo. 

### Node.js

Para que o Astro execute no seu sistema, você também irá precisar ter o [**Node.js**](https://nodejs.org/pt-br/) instalado, versão `v18.14.1` ou superior.

Para verificar se você já tem uma versão compatível instalada, execute o seguinte comando no seu terminal:

```sh
node -v

// Resultado de exemplo
v18.17.1
```

Se o comando retornar um número de versão maior que `v18.17.1` ou `v20.3.0` (excluindo qualquer `v19`), você pode continuar!

Se o comando retornar uma mensagem de erro como `Command 'node' not found`, ou um número de versão menor do que o exigido, então você precisa [instalar uma versão compatível do Node.js](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

### Editor de Código

Adicionalmente, você irá precisar baixar e instalar um **editor de código** para escrever o seu código. 

:::tip[Nós utilizaremos...]
Este tutorial irá utilizar **VS Code**, porém você pode usar qualquer outro editor para seu sistema operacional.
:::

<Steps>
1. [Baixe e instale o VS Code](https://code.visualstudio.com/#alt-downloads) ou outro editor de código de sua escolha.
</Steps>


<Box icon="question-mark">

### Teste seu conhecimento

Qual das seguintes opções é...
1. Um editor de código, para fazer mudanças aos seus arquivos e seus conteúdos?

    <MultipleChoice>
      <Option>
        navegador web
      </Option>
      <Option>
        Terminal
      </Option>
      <Option isCorrect>
        VS Code
      </Option>
    </MultipleChoice>

2. Um provedor de controle de versão online para seu repositório?

    <MultipleChoice>
      <Option isCorrect>
        GitHub
      </Option>
      <Option>
        Terminal
      </Option>
      <Option>
        VS Code
      </Option>
    </MultipleChoice>

3. Uma aplicação para executar comandos?
    <MultipleChoice>
      <Option>
        GitHub
      </Option>
      <Option isCorrect>
        Terminal
      </Option>
      <Option>
        web browser
      </Option>
    </MultipleChoice>

</Box>

<Box icon="check-list">
## Checklist para seguir em frente

<Checklist>
- [ ] Eu posso acessar a linha de comando em um terminal.
- [ ] Eu tenho o Node.js instalado.
- [ ] Eu tenho um editor de código como o VS Code.
</Checklist>
</Box>


### Recursos

- <p>[FreeCodeCamp.org](https://www.freecodecamp.org/portuguese/) <Badge class="neutral-badge" text="externo" /> — um site educacional gratuito com cursos completos e para consultas rápidas sobre HTML, CSS, JS e mais.</p>
